<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <title>贪吃蛇</title>
    <style type="text/css">
*{
	margin: 0;
	padding: 0;
	font-family: "Microsoft YaHei";
	color: #333;
}
#page{margin-right: auto;margin-left: 500px; margin-top: 10px;height: 600px; width: 980px; }
#yard{ width: 800px;border: 1px solid gray;box-shadow: 0 0 10px black; float: right;}
#mark{font-weight: 800;}
#mark_con{ color: red; }
button{width: 50px; }
a{
	text-decoration: none;
	color: #F00;
}

#menu {
	font-size: 36px;
	color: #F00;
}
    #menu {
	color: #333;
}
    </style>
<script  src="snack.js" type="text/javascript">
 
</script>
</head>
<body style="background-color: #EEEEEE; color: #F00;">
	
 <div id="container" style="width:1920px">
<div  id="header" style="background-color:#C8E6E2;height:150px;">

<h1  style="font-size: 9ex; margin-bottom: 0;"><img src="img/co.png" width="254" height="140" alt="co" longdesc="img/co.png">贪吃蛇</h1>
</div>

<div id="menu" style="background-color: #FFF5AF; height: 720px; width: 300px; float: left; color: #F00;">
  <p><b id="menu" >菜单</b></p>
  <p>&nbsp;</p>
  <p><br>
  <a href="index.html">游戏主体</a></p>
  <p>&nbsp;</p>
  <p><br>
    <span style="color: #F00"><a href="text.html">游戏编程思路</a></span><br>
  </p>
</div>





     <div id="page" >
       <div id="yard"><canvas id="canvas" height="600px" width="800px"></canvas></div>
 
        <div id="help">
            <div id="mark">得分：<span id="mark_con"></span></div>
            <div id="mark">上下左右 启/停：↑ ↓ ← → 空格</div>
            
            <div id="helper">
                <table>
                    <tr>
                        <td></td>
                        <td><button onclick="keydown(38);">上</button></td>
                        <td></td>
                    </tr>
                    <tr>
                      <td><button onclick="keydown(37);">左</button></td>
                        <td><button onclick="keydown(32);" id="pause">暂停</button></td>
                        <td><button onclick="keydown(39);">右</button></td>
                    </tr>
                    <tr>
                        <td></td>
                        <td><button onclick="keydown(40);">下</button></td>
                        <td></td>
                    </tr>
                </table><a href="index.html">再玩一次</a>
            </div>
			<div id="mark">按下空格开始游戏</div>
        </div>
    </div>
    <div style="text-align:center;">

</div>

<div id="footer" style="background-color:#C7E0A1;clear:both;text-align:center;height=200px;">

<h1>作者 18网络工程吴杰童</h1></div>
</body>
</html>
